<!--标签选择器实例-->
h1,h2,h3{color: darkorchid;font-size: 20px;}
<!--类选择器实例-->
.lei{color: aqua;}
.font-size{font-size: 30px;}
<!--id选择器实例-->
#id{color: green;}
#font{font-size: 10px;}
<!--伪类选择器实例-->
div{background: #008000; width: 100px;height: 30px;transition: background-color 2s,width 1s,height 2s;}
div:hover{background: #9932CC; width: 200px;height: 60px;border-radius: 10px;}
<!--交集选择器实例-->
p{color: red;}
p.yanse{color: green;}
.yanse{color: blue;}
<!--并集选择器实例-->
h2,h3,h4,h5,p{color: purple;font-size: 24px;}
#one,h2.two,.two{text-decoration: underline;}
<!--后代选择器-->
p div{color: #0000FF;}
div{color: #008000;}
<!--全局选择器-->
*{color: aqua;}